<template>
    <div class="lyricList">
        <div class="hidden-lyricBox">
            <h3>歌词</h3>
            <div class="lyric-info">
                <div class="lineLyric" ref="scollLine">
                    <template v-for="item in currentMusic.lyric">
                        <span
                            :class="
                                currentMusic.currentPlayTime >= item.time &&
                                currentMusic.currentPlayTime <= item.endtime
                                    ? 'currentLine'
                                    : ''
                            "
                            >{{ item.lineLyric }}</span
                        >
                    </template>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import { createNamespacedHelpers } from "vuex";
const { mapState, mapMutations, mapActions } = createNamespacedHelpers(
    "playMusicModel"
);
export default {
    computed: {
        ...mapState(["currentMusic"]),
    },
};
</script>

<style>
</style>